<template>
  <div class="container">
    <drawer-panel title="抽屉" v-model="visible">
      <!--<form-panel>
      </form-panel>-->
      <p :key="counter" v-for="counter in 50" style="margin: 15px">
        收到了付款时间来到房间睡了多久开发设计的礼服收到了付款时间来到房间睡了多久开发设计的礼服收到了付款时间来到房间睡了多久开发设计的礼服收到了付款时间来到房间睡了多久开发设计的礼服收到了付款时间来到房间睡了多久开发设计的礼服收到了付款时间来到房间睡了多久开发设计的礼服
      </p>
    </drawer-panel>
  </div>
</template>

<script>
import DrawerPanel from '@/components/drawer/DrawerPanel'
import FormPanel from '@/components/formPanel/FormPanel'

export default {
  name: 'Drawer',
  components: {
    DrawerPanel,
    FormPanel
  },
  data() {
    return {
      visible: true,
      text1: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.container {
  background: #00142b;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
</style>
